<html>
	<head>
		<meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0, shrink-to-fit=no'/>
		<style type="text/css">
			html, body {
			  margin: 0;
			  width: 100%;
			  height: 100%;
			  min-width: 100%;
			  min-height: 100%;
			}

			body {
			  display: flex;
			  flex-direction: column;
			  align-items: center;
			  justify-content: center;
			}

			#output {
				margin: 0;
				padding: 0;
			}
		</style>
	</head>
	<body>
		<p id="output">
			<canvas id="canvas"></canvas>
		</p>
		<script>
			var canvas = document.getElementById('canvas');
			var Module = {
				print: function(text) {
					console.log("log: " + text);
				},
				printErr: function(text) {
					console.error(text);
				},
				canvas: (function() {
					return canvas;
				})(),
			};
        	window.addEventListener("click", () => window.focus());
		</script>
		{{{ SCRIPT }}}
	</body>
</html>
